$(function(){
	
	$('#form_login input[type=text], #form_login input[type=password]').click(function (){
		if($(this).css('border-color') == 'red'){

			$(this).val('');

		}
		$('#form_login input[type=text], #form_login input[type=password]').css('border-color','rgba(0, 0, 0, 0.19)');
	});

	$(document).ready(function() {

		$('#form_login').submit(function(e) {
			// Lay du lieu tren from 
			var url = $(this).attr('action');
		 	var pdata =  $(this).serializeObject();
	  		
			// Gui du lieu ve server xu ly
			$('.loadding').css('display','block');
			$.post(url, pdata, function(o) {
				//data: Data from Server
				$('.loadding').css('display','none');
				if(o.success != true)
				{
					$('.error').html('Ten dang nhap hoac mat khau khong dung </br></br>');
		     		$('#form_login input[type=text],#form_login input[type=password]').css('border-color','red');
				}else {
					location.reload();
				}
			},'json').fail(function(jqXHR, textStatus, errorThrown){
				//fail
				$('.loadding').css('display','none');
		     	$('.error').html('Ten dang nhap hoac mat khau khong dung </br></br>');
		     	$('#form_login input[type=text],#form_login input[type=password]').css('border-color','red');
			});
			// Vi dung ajax nen phai tra ve false de form ko bi reload
			return false;
		});// End event submit login
		
		$('#f_sign_up').submit(function (){
			var url = $(this).attr('action')+'xhrInsert';
		 	var pdata =  $(this).serializeObject();
			// Gui du lieu ve server xu ly
			$.post(url, pdata, function(o) {
				//data: Data from Server
				$.each(o, function( index, value ) {
				  	if(value == true || value == '') { window.location.reload();}
				  	else {
				  		$('#'+value).css('border-color','red');
				  	}
				});
				
			},'json').fail(function(jqXHR, textStatus, errorThrown){
				//fail
		     	
			});
			// Vi dung ajax nen phai tra ve false de form ko bi reload
			return false;
		});// end form sign up submit

		$('#email').blur(function(){

			
		});

		$('.login').click(function() {
			var color = $(this).css('color');
			if (color == 'rgb(0, 0, 0)'){
				$(this).removeClass('loginclick');
				$('.login-form').css('display','none');
			}else {
				$(this).addClass('loginclick');
				$('.login-form').css('display','block');
			}
		}); // end event click class login

		$('.field .f').focus(function(event) {
			var f = $(this).attr('name');
			if($(this).val() == ''){
				$("._obj[f='"+f+"']").css('display','none');
			}
		});

		$('._obj').click(function(event) {
			var f = $(this).attr('f');
			$('#'+f).focus();
			$(this).css('display','none');

		});
		$('.field .f').blur(function(event) {
			var f = $(this).attr('name');
			if($(this).val() == ''){
				$("._obj[f='"+f+"']").css('display','block');
				$(this).css('border-color','red');
			} else if (f == 'Email'){
				var url = $('#f_sign_up').attr('action')+'check_email';
				var pdata =  $(this).serializeObject();

				$.post(url, pdata, function(o) {
					//data: Data from Server
					if(!o.success)
					{
						$(this).css('border-color','red');
					} else { $(this).css('border-color','rgba(0, 0, 0, 0.19)'); }
				}).fail(function(jqXHR, textStatus, errorThrown){
					//fail
			     	
				});
			} else {
				$(this).css('border-color','rgba(0, 0, 0, 0.19)'); 
			}
		});
	}); // End document ready


	for (i = new Date().getFullYear(); i > 1900; i--)
	{
	    $('#years').append($('<option />').val(i).html(i));
	}

	for (i = 1; i < 13; i++)
	{
		if(i < 10){ i= '0'+i; }
	    $('#months').append($('<option />').val(i).html(i));
	}
	updateNumberOfDays(); 

	$('#years, #months').change(function(){

    	updateNumberOfDays(); 
	});
}); // end function


function updateNumberOfDays(){
	$('#days').html('');
	month=$('#months').val();
	year=$('#years').val();
	days=daysInMonth(month, year);

    for(i=1; i < days+1 ; i++){
    	if(i < 10){ i= '0'+i; }
        $('#days').append($('<option />').val(i).html(i));
    }

}

function daysInMonth(month, year) {
	
    return new Date(year, month, 0).getDate();
}


